{% extends "backend/backendbase.html" %}
{% block book_selected %}class="current"{% endblock %}
{% block tittle %}List Of All Book{% endblock %}
{% block table_content %}
<div id="table-content">
	<!--  start table-content  -->
	<div id="table-content">
		<form action="/backend/book/view/" method="post" id="filter_form">{% csrf_token %}
			<table border="0" cellpadding="0" cellspacing="0" id="id-form">
				<tr>
				<th valign="top">Book Name</th>
					<td><input id="filter_bname" name="bname"
						class="inp-form tipper" value="" />
					</td>
				</tr>
				<tr>
					<th valign="top">Category</th>
					<td><input id="filter_category" name="category"
						class="inp-form" value="" />
					</td>
				</tr>
				
				<tr>
					<th></th>
					<td><input id="filter_submit" type="submit"
						class="form-submit" />
					</td>
				</tr>
			</table>
		</form>
		<div id="focus_tooltip" style="display: none">Put here what you
			need to say on focus event.</div>
		<!--  start product-table ..................................................................................... -->
		<form id="mainform" action="">
			<table border="0" width="100%" cellpadding="0" cellspacing="0"
				id="product-table">
				<thead id="bstoTableHeader">
					{{var_book_head}}
				</thead>
				<tbody id="bstoContent"> 
					{{var_book}}								
				</tbody>
			</table>
		</form>
		<!--  end product-table................................... -->
		<!--  start paging..............-->
		<table border="0" cellpadding="0" cellspacing="0" id="paging-table">
			<tbody id="bstoPaging">
				<!--  start paging..................................................... -->
				<tr>
					<td>{{var_book_paging}}</td>
				</tr>
				<!--  end paging................ -->
			</tbody>
		</table>
		<!--  end paging................-->
	</div>
	<!--  end content-table  -->
</div>
<script type="text/javascript"><!--       
	
	jQuery(document).ready(function(){		
		$("#filter_bname").autocompleteArray([{{bookNameData}}]);
		$("#filter_category").autocompleteArray([{{catNameData}}]);
		
				
	});
</script>
<script type="text/javascript">
jQuery(document).ready(function(){
    	$(".selectbox-wrapper2 ul li").click(function(){
    		//alert( $.cookie("filter2") );
    		if ($.cookie("filter2") == 1) {
    			location.href=bookPath + "/view/1?filter=1&numRows="+$(this).html();
    		} else {
    			location.href=bookPath + "/view/1?numRows="+$(this).html();
    		}    		
    	});
});
</script>
{% endblock %}